<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>BizPage Bootstrap Template</title>
        <meta content="width=device-width, initial-scale=1.0" name="viewport">
        <meta content="" name="keywords">
        <meta content="" name="description">

        <link href="<?php echo image("img/favicon.png", "new"); ?>" rel="icon">
        <link href="<?php echo image("img/apple-touch-icon.png", "new"); ?>" rel="apple-touch-icon">

        <!-- Google Fonts -->
        <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,700,700i|Montserrat:300,400,500,700" rel="stylesheet">

        <!-- Bootstrap CSS File -->
        <?php echo css("lib/bootstrap/css/bootstrap.min.css", "new"); ?>
        <!-- Libraries CSS Files -->
        <?php echo css("lib/font-awesome/css/font-awesome.min.css", "new"); ?>
        <?php echo css("lib/animate/animate.min.css", "new"); ?>
        <?php echo css("lib/ionicons/css/ionicons.min.css", "new"); ?>
        <?php echo css("lib/owlcarousel/assets/owl.carousel.min.css", "new"); ?>
        <?php echo css("lib/lightbox/css/lightbox.min.css", "new"); ?>
        <!-- Main Stylesheet File -->
        <?php echo css("css/style.css", "new"); ?>
    </head>
    <body>
        <!----start-header---->
        <header id="header">
            <div class="container-fluid">

                <div id="logo" class="pull-left">
                    <h1><a href="#intro" class="scrollto">BizPage</a></h1>
<!--                     Uncomment below if you prefer to use an image logo 
                     <a href="#intro"><img src="img/logo.png" alt="" title="" /></a>-->
                </div>

                <nav id="nav-menu-container">
                    <ul class="nav-menu">
                        <li class="menu-active"><a href="#intro">Home</a></li>
                        <li class="menu-has-children"><a href="">Products</a>
                            <ul>
                                <li><a href="#">Drop Down 1</a></li>
                                <li><a href="#">Drop Down 3</a></li>
                                <li><a href="#">Drop Down 4</a></li>
                                <li><a href="#">Drop Down 5</a></li>
                            </ul>
                        </li>
                        <li><a href="#about">Where To Buy</a></li>
                        <li><a href="#about">Blog</a></li>
                        <li><a href="#services">Services</a>
                            <ul>
                                <li><a href="#">Drop Down 1</a></li>
                                <li><a href="#">Drop Down 3</a></li>
                                <li><a href="#">Drop Down 4</a></li>
                                <li><a href="#">Drop Down 5</a></li>
                            </ul>
                        </li>
                        <li><a href="#about">About Us</a></li>
                        <li><a href="#contact">Contact</a></li>
                    </ul>
                </nav> 
<!--                #nav-menu-container -->
            </div>
        </header>
        <!----end-header---->